import { AxSelect } from './AxSelect';

/**
 * 自定义搜索下拉框
 * @param label 标签
 * @param field 字段名称
 * @param value 值
 * @param data 选项数据 [{ value: '1', text: 'Demo' }]
 * @param mode 模式 'multiple' | 'tags' | '-'
 * @param allowClear 允许为空（默认：true）
 * @param showLabel 是否展示label（默认true）
 * @param placeholder 占位符
 * @param required 是否必填
 * @param message 提示信息（如果添加了，所有错误提示为改信息）
 * @param validator 自定义验证函数
 * @param hidden 是否隐藏
 */
export function AxSelectSearch(props) {
  const { showSearch = true, ...rest } = props;

  return (
    <AxSelect
      showSearch={showSearch}
      filterOption={(input, option) => {
        const children = option.props.children.toString();
        return children.indexOf(input.toLowerCase()) >= 0;
      }}
      {...rest}
    />
  );
}
